<html>
  <head>
    <title>在线开放课程平台</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <link rel="stylesheet" href="fonts/icomoon/style.css">

    <link rel="stylesheet" href="css/bootstrap.min.css">

    <link rel="stylesheet" href="css/bootstrap-datepicker.css">

    <link rel="stylesheet" href="css/style.css">
    <style type="text/css">
      .ul{
        width:960px;
        list-style: none;
        margin: 0;
        padding: 0;

      }

      .li{

        float: left;
      }

      .a{
        display: block;
        width: 120px;
        text-decoration: none;
        color: aliceblue;
        background-color: rgba(125,156,201,60);
        text-align: center;
        font-weight: bold;
        padding: 20px;
        font-size: 20px;
      }

      .a:hover{

        background-color: violet;
      }

    </style>
  </head>
  <body>

    <div class="site-wrap">

      <div class="site-mobile-menu">
        <div class="site-mobile-menu-header">
          <div class="site-mobile-menu-close mt-3">
            <span class="icon-close2 js-menu-toggle"></span>
          </div>
        </div>
        <div class="site-mobile-menu-body"></div>
      </div>

      <header class="site-navbar py-1" role="banner">

        <div class="container">
          <div class="row align-items-center">

            <div class="col-6 col-xl-2">
              <h1 class="mb-0"><a href="index.html" class="text-black h2 mb-0">在线开放课程平台</a></h1>
            </div>
            <div class="col-10 col-md-8 d-none d-xl-block">
              <nav class="site-navigation position-relative text-right text-lg-center" role="navigation">
                <ul class="site-menu js-clone-nav mx-auto d-none d-lg-block">
                  <li> <h3> <a href="index.jsp">首页</a> </h3> </li>
                  <li> <h3> <a href="./arange.html">教学安排</a> </h3> </li>
                  <li> <h3> <a href="./course.html">课程概况</a> </h3> </li>
                  <li> <h3> <a href="./history.html">教学研究改革</a> </h3> </li>
                  <li> <h3> <a href="./interact.html">教学互动</a> </h3> </li>
                  <li> <h3> <a href="./arange.html">教学管理</a> </h3> </li>
                  <li> <h3> <a href="./resource.html">教学资源</a> </h3> </li>
                  <li> <h3> <a href="./result.html">教学效果</a> </h3> </li>
                  <li> <h3> <a href="./teacher.html">教师队伍</a> </h3> </li>
                  <!-- <li><a href="booking.html">Book Online</a></li> -->
                </ul>
              </nav>
            </div>

            <div class="col-6 col-xl-2 text-right">
              <div class="d-none d-xl-inline-block">
                <ul class="site-menu js-clone-nav ml-auto list-unstyled d-flex text-right mb-0" data-class="social">
                  <li>
                    <a href="http://localhost:8080/experiment5/login.jsp?jmpFlag=0" class="pl-0 pr-3 text-black"><span class="icon-tripadvisor"></span>登陆</a>
                  </li>
                  <li>
                    <a href="http://localhost:8080/experiment5/tourist/register.jsp" class="pl-3 pr-3 text-black"><span class="icon-twitter"></span>注册</a>
                  </li>
                </ul>
              </div>

              <div class="d-inline-block d-xl-none ml-md-0 mr-auto py-3" style="position: relative; top: 3px;"><a href="#" class="site-menu-toggle js-menu-toggle text-black"><span class="icon-menu h3"></span></a></div>

            </div>
            <div class="col-6 col-xl-2 text-right">
              <!--
                <div class="d-none d-xl-inline-block">
                <ul class="site-menu js-clone-nav ml-auto list-unstyled d-flex text-right mb-0" data-class="social">
                <li>
                <a href="http://localhost:8080/experiment5/index.jsp" class="text-black">欢迎您</a>
                </li>
                <li>
                <a href="http://localhost:8080/experiment5/404.jsp" class="pl-3 text-black">退出</a>
                </li>
                </ul>
                </div>
              -->
              <div class="d-inline-block d-xl-none ml-md-0 mr-auto py-3" style="position: relative; top: 3px;"><a href="#" class="site-menu-toggle js-menu-toggle text-black"><span class="icon-menu h3"></span></a></div>
            </div>
          </div>
        </div>

      </header>





      <div class="site-blocks-cover inner-page-cover" style="background-image: url(images/hero_bg_2.jpg);" data-aos="fade" data-stellar-background-ratio="0.5">
        <div class="container">
          <div class="row align-items-center justify-content-center text-center">

            <div class="col-md-8" data-aos="fade-up" data-aos-delay="400">
              <h3 class="text-white font-weight-light">教学安排</h3>
              

            </div>
          </div>
        </div>
      </div>


      <div class="site-section">

        <div class="container">

          <div class="row">
            <div class="col-md-6 col-lg-4 mb-4 mb-lg-4">
              <a href="http://localhost:8080/experiment5/signUp?type=<%=type%>&routeNo=<%=tr.getRouteNo()%>" class="unit-1 text-center">
                <!--
                  <img src="images/logo.png" alt="Image" class="img-fluid">
                -->
                <ul class="ul">
                  <li>
                    <a href="">教学大纲</a>
                  </li>
                  <li>
                    <a href="">教学日历</a>
                  </li>
                  <li>
                    <a href="">教学内容</a>
                  </li>
                  <li>
                    <a href="">授课计划</a>
                  </li>
                  <li>
                    <a href="">教学难重点</a>
                  </li>
                  <li>
                    <a href="">教学方法与手段</a>
                  </li>
                </ul>

                <div class="unit-1-text">
                  <h3 class="unit-1-heading">
                </div>
              </a>
            </div>
          </div>
        </div>

      </div>


      <footer class="site-footer">
        <div class="container">
            <div class="row">
                <div class="col-lg-4">
                    <div class="mb-5">
                        <h3 class="footer-heading mb-4">关于我们</h3>
                        <p>教学管理网</p>
                    </div>
                </div>
                

                <div class="col-lg-4 mb-5 mb-lg-0">


                    <div class="mb-5">
                        <h3 class="footer-heading mb-2">联系我们</h3>
                        <p>QQ：871517664</p>
                        <p>QQ：963604618</p>
                    </div>

                </div>

            </div>
            <div class="row pt-5 mt-5 text-center">
                <div class="col-md-12">
                    <div class="mb-5">
                        <a href="#" class="pl-0 pr-3"><span class="icon-facebook"></span></a>
                        <a href="#" class="pl-3 pr-3"><span class="icon-twitter"></span></a>
                        <a href="#" class="pl-3 pr-3"><span class="icon-instagram"></span></a>
                        <a href="#" class="pl-3 pr-3"><span class="icon-linkedin"></span></a>
                    </div>
                </div>

            </div>
        </div>
    </footer>
    </div>

    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/jquery-migrate-3.0.1.min.js"></script>
    <script src="js/jquery-ui.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/owl.carousel.min.js"></script>
    <script src="js/jquery.stellar.min.js"></script>
    <script src="js/jquery.countdown.min.js"></script>
    <script src="js/jquery.magnific-popup.min.js"></script>
    <script src="js/bootstrap-datepicker.min.js"></script>
    <script src="js/aos.js"></script>

    <script src="js/main.js"></script>

  </body>
</html>
